<template>
	<view class="model-product-component">
		<scroll-view
			scroll-y="true"
			class="product-scroll-view"
			@scrolltolower="$emit('pull-up')"
		>
			<view class="model-product-list">
				<view
					v-for="(v, i) in list"
					:key="v.productId"
					class="model-product-item"
					@click="$emit('product', v)"
				>
					<view class="product-name">{{ v.productName }}</view>
					<view class="product-prices">
						<view class="prices-label">¥<text class="prices-text">{{ v.productMaxPrice / 100 || 0 }}</text></view>
						<view class="prices-desc">回收均价</view>
					</view>
				</view>
			</view>
			<slot />
		</scroll-view>
	</view>
</template>

<script>
export default {
	props: {
		list: Array
	}
}
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>